.page-index {
	.content {
		display: flex;
		justify-content: space-between;
		z-index: 999;
	}

	.tabs {
		width: 100%;
		text-align: center;
		padding: 16rpx;
		font-size: 26rpx;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		color: #666;
		z-index: 999;
	}

	.tabs-border {
		height: 5rpx;
		transition: ease-in-out 0.3s;
		display: flex;
		justify-content: center;
	}

	.borders {
		/* margin-top: 8rpx; */
		width: 56rpx;
		height: 6rpx;
		background: $base;
		border-radius: 6rpx;
	}

	.transition {
		transition: 0.1s;
	}
	.orderBox {
		padding: 24rpx;
		.orderItem {
			padding: 24rpx 0;
			border-bottom: 2rpx solid #9999991A;
			.orderTop {
				display: flex;
				.orderImage {
					width: 150rpx;
					height: 150rpx;
					flex-shrink: 0;
					border-radius: 16rpx;
				}
				.orderTopBox{
					margin-left: 24rpx;
					width: 100%;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					.orderInfo {
						
						.titleBox {
							display: flex;
							justify-content: space-between;
							.title {
								color: #333;
								font-family: 'PingFang SC';
								font-size: 28rpx;
								font-style: normal;
								font-weight: 700;
								line-height: normal;
							}
							.status {
								color: #f86f24;
								font-family: 'PingFang SC';
								font-size: 28rpx;
								font-style: normal;
								font-weight: 400;
								line-height: normal;
							}
						}
						.orderTips{
							margin-top: 8rpx;
							color: #999;
							font-family: "PingFang SC";
							font-size: 24rpx;
							font-style: normal;
							font-weight: 400;
							line-height: normal;
						}
					}
					.priceBox{
						display: flex;
						justify-content: flex-end;
						color: #333;
						font-family: "PingFang SC";
						font-size: 28rpx;
						font-style: normal;
						font-weight: 400;
						line-height: normal;
					}
				}
			}
			.orderBottom{
				display: flex;
				justify-content: flex-end;
				margin-top: 16rpx;
				.submit{
					border: 2rpx solid $base;
					padding: 12rpx 36rpx;
					background: $base;
					border-radius: 16rpx;
					color: #FFF;
					font-family: "PingFang SC";
					font-size: 28rpx;
					font-style: normal;
					font-weight: 500;
					line-height: normal;
					margin-left: 16rpx;
				}
				.close{
					border: 2rpx solid #999;
					padding: 12rpx 36rpx;
					border-radius: 16rpx;
					color: #999;
					font-family: "PingFang SC";
					font-size: 28rpx;
					font-style: normal;
					font-weight: 500;
					line-height: normal;
					margin-left: 16rpx;
				}
			}
		}
		.loginBox{
			margin-top: 200rpx;
			padding: 24rpx 0;
			background: $base;
			color: #FFF;
			text-align: center;
			font-family: "PingFang SC";
			font-size: 32rpx;
			font-style: normal;
			font-weight: 700;
			line-height: normal;
			margin: 24rpx 0;
			border-radius: 16rpx;
			text-align: center;
		}
	}
	button::after{
	 	border: none;
	}
	 .login{
		 background: transparent;
		 	display: flex;
			flex-direction: column;
			text-align: left;
	 }
	button{
		background: transparent;
		position: relative;
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0px;
		padding-right: 0px;
		box-sizing: border-box;
		// font-size: 18px;
		text-align: center;
		text-decoration: none;
		// line-height: 1;
		line-height: 1.35;
		// border-radius: 5px;
		-webkit-tap-highlight-color: transparent;
		overflow: hidden;
		color: #000000;
		width: 100%;
		height: 100%;
	}
}
